<!DOCTYPE html>
<html class="x-admin-sm">
<head>
    <meta charset="UTF-8">
    <title>欢迎页面-X-admin2.2</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="stylesheet" th:href="@{/css/font.css}">
    <link rel="stylesheet" th:href="@{/css/xadmin.css}">
    <script th:src="@{/lib/layui/layui.js}" charset="utf-8"></script>
    <script type="text/javascript" th:src="@{/js/xadmin.js}"></script>
    <!--[if lt IE 9]>
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body style="background-color:#FFFAE3">
<div class="layui-fluid" id="div1">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md12">
            <div class="layui-card" style="background-color:#FFFAE3">
                <p style="color: #0070C0;text-align: center;font-size: large;font-weight: bold;">可维护合同</p><br>
                <div class="layui-card-body layui-table-body layui-table-main">
                    <table class="layui-table layui-form" id="test" lay-filter="demo"></table>
                </div>

            </div>
        </div>
    </div>
</div >
<div id="div2" style="background-color: #FFFAE3">
    <table class="layui-table" style="text-align: center;background-color: #FFFAE3">
        <thead style="background-color: #FFFAE3">
        <tr style="background-color: #FFFAE3">
            <th colspan="6" style="text-align: center;font-size: 20px;font-weight: bold;">合同详细信息</th>
        </tr>
        </thead>
        <tbody style="background-color: #FFFAE3">
        <tr>
            <td style="background-color: #FFFAE3;font-weight: bold;width: 230px">合  同  号</td>
            <td style="width: 400px" id="contAppNum"></td>
            <td style="background-color: #FFFAE3;font-weight: bold;width: 230px">签订日期</td>
            <td style="width: 400px;text-align: center" id="contDate" >
            </td>
            <td style="background-color: #FFFAE3;font-weight: bold;width: 230px">合同类型</td>
            <td style="width: 400px"  id="contType">采购合同</td>
        </tr>
        <tr>
            <td style="background-color: #FFFAE3;font-weight: bold;width: 230px">买        方</td>
            <td style="width: 400px" id="buyer">长沙北大青鸟有限公司</td>
            <td style="background-color: #FFFAE3;font-weight: bold;width: 230px">卖        方</td>
            <td style="width: 400px" id="seller"></td>
            <td style="background-color: #FFFAE3;font-weight: bold;width: 230px">采购类型</td>
            <td style="width: 400px" id="stockType"></td>
        </tr>
        <tr>
            <td style="background-color: #FFFAE3;font-weight: bold;width: 230px">币        别</td>
            <td style="width: 400px" id="money">人民币</td>
            <td style="background-color: #FFFAE3;font-weight: bold;width: 230px">汇        率</td>
            <td style="width: 400px">1</td>
            <td style="background-color: #FFFAE3;font-weight: bold;width: 230px">税        率</td>
            <td style="width: 400px" id="taxRate">1</td>
        </tr>
        <tr>
            <td style="background-color: #FFFAE3;font-weight: bold;width: 230px">付款条件</td>
            <td style="width: 400px;text-align: center"  id="payCond"  colspan="3">
            </td>
            <td style="background-color: #FFFAE3;font-weight: bold;width: 230px">验收时间</td>
            <td style="width: 400px;text-align: center" id="verifyDate">
            </td>
        </tr>
        <tr>
            <td style="background-color: #FFFAE3;font-weight: bold;width: 230px">合同总金额(元)</td>
            <td style="width: 400px" id="contPrice"></td>
            <td style="background-color: #FFFAE3;font-weight: bold;width: 230px">运输费用负担</td>
            <td style="width: 400px;text-align: center" id="transport">
            </td>
            <td style="background-color: #FFFAE3;font-weight: bold;width: 230px">付款方式</td>
            <td style="width: 400px;text-align: center"  id="payWay">
            </td>
        </tr>
        <tr>
            <td style="background-color: #FFFAE3;font-weight: bold;width: 230px" colspan="6">
                逾期违约：供方逾期交货的，应按逾期交货金额每日千分之2向需方支付违约金，逾期超过30天，需方有权解除合同。
            </td>
        </tr>
        <tr style="background-color: #FFFAE3">
            <td colspan="6"><p style="color: #0070C0;text-align: center;font-size: large;font-weight: bold;">提供产品</p>
                <table class="layui-table" style="margin-left: 10px"  id="text1" ></table></td>
        </tr>
        <tr>
            <td style="background-color: #FFFAE3;font-weight: bold;width: 230px">备注</td>
            <td  style="width: 400px" colspan="5" id="remark"></td>
        </tr>
        <tr>
            <td style="background-color: #FFFAE3;font-weight: bold;width: 230px" colspan="6">
                合同模板说明:公司名称-长沙北大青鸟有限公司，有效日期-2015/10/01至2025/12/31。
            </td>
        </tr>
        </tbody>
        <input type="hidden" id="applyId" />
    </table>

    <button class="layui-btn" data-type="reload" onclick="location.reload()">返回</button>
    <p></p>
    <p></p>
    <p></p>
</div>
<div id="div3" style="background-color: #FFFAE3">
    <table class="layui-table" style="text-align: center;background-color: #FFFAE3" >
        <thead style="background-color: #FFFAE3">
        <tr style="background-color: #FFFAE3">
            <th colspan="6" style="text-align: center;font-size: 20px;font-weight: bold;">修改合同</th>
        </tr>
        </thead>
        <tbody style="background-color: #FFFAE3">
        <tr>
            <td style="background-color: #FFFAE3;font-weight: bold;width: 230px">合  同  号</td>
            <td style="width: 400px" id="contAppNum1"></td>
            <td style="background-color: #FFFAE3;font-weight: bold;width: 230px">签订日期</td>
            <td style="width: 400px;text-align: center" id="contDate1" >
            </td>
            <td style="background-color: #FFFAE3;font-weight: bold;width: 230px">合同类型</td>
            <td style="width: 400px"  id="contType1">采购合同</td>
        </tr>
        <tr>
            <td style="background-color: #FFFAE3;font-weight: bold;width: 230px">买        方</td>
            <td style="width: 400px" id="buyer1">长沙北大青鸟有限公司</td>
            <td style="background-color: #FFFAE3;font-weight: bold;width: 230px">卖        方</td>
            <td style="width: 400px" id="seller1"></td>
            <td style="background-color: #FFFAE3;font-weight: bold;width: 230px">采购类型</td>
            <td style="width: 400px" id="stockType1"></td>
        </tr>
        <tr>
            <td style="background-color: #FFFAE3;font-weight: bold;width: 230px">币        别</td>
            <td style="width: 400px" id="money1">人民币</td>
            <td style="background-color: #FFFAE3;font-weight: bold;width: 230px">汇        率</td>
            <td style="width: 400px">1</td>
            <td style="background-color: #FFFAE3;font-weight: bold;width: 230px">税        率</td>
            <td style="width: 400px" id="taxRate1">1</td>
        </tr>
        <tr>
            <td style="background-color: #FFFAE3;font-weight: bold;width: 230px">付款条件</td>
            <td style="width: 400px;text-align: center"  colspan="3">
                <input id="payCond1" type="text" name="title" lay-verify="title" autocomplete="off" class="layui-input" style="background-color: #FFFAE3">
            </td>
            <td style="background-color: #FFFAE3;font-weight: bold;width: 230px">验收时间</td>
            <td style="width: 400px;text-align: center">
                <input id="verifyDate1" type="date" name="title" lay-verify="title" autocomplete="off" class="layui-input" style="background-color: #FFFAE3">
            </td>
        </tr>
        <tr>
            <td style="background-color: #FFFAE3;font-weight: bold;width: 230px">合同总金额(元)</td>
            <td style="width: 400px" id="contPrice1"></td>
            <td style="background-color: #FFFAE3;font-weight: bold;width: 230px">运输费用负担</td>
            <td style="width: 400px;text-align: center">
                <select  id="transport1" style="background-color: #FFFAE3">
                    <option value="供方">供方</option>
                    <option value="需方">需方</option>
                </select>
            </td>
            <td style="background-color: #FFFAE3;font-weight: bold;width: 230px">付款方式</td>
            <td style="width: 400px;text-align: center">
                <select  id="payWay1" style="background-color: #FFFAE3">
                    <option value="托收承付">托收承付</option>
                    <option value="银行支票">银行支票</option>
                    <option value="银行本票">银行本票</option>
                    <option value="银行汇票">银行汇票</option>
                    <option value="委托收款">委托收款</option>
                    <option value="商业票据">商业票据</option>
                </select>
            </td>
        </tr>
        <tr>
            <td style="background-color: #FFFAE3;font-weight: bold;width: 230px" colspan="6">
                逾期违约：供方逾期交货的，应按逾期交货金额每日千分之2向需方支付违约金，逾期超过30天，需方有权解除合同。
            </td>
        </tr>
        <tr style="background-color: #FFFAE3">
            <td colspan="6"><p style="color: #0070C0;text-align: center;font-size: large;font-weight: bold;">提供产品</p>
                <table class="layui-table" style="margin-left: 10px"  id="text11" ></table></td>
        </tr>
        <tr>
            <td style="background-color: #FFFAE3;font-weight: bold;width: 230px">备注</td>
            <td  style="width: 400px" colspan="5" id="remark1">

            </td>
        </tr>
        <tr style="background-color: #FFFAE3">
            <td style="background-color: #F2F2F2;font-weight: bold;width: 230px" colspan="6">
                合同模板说明:公司名称-长沙北大青鸟有限公司，有效日期-2015/10/01至2025/12/31。
            </td>
        </tr>
        </tbody>
        <input type="hidden" id="applyId1" />
    </table>

    <button class="layui-btn" style="margin-left: 590px" onclick="BaoCun()">保存</button>
    <button class="layui-btn" data-type="reload" onclick="location.reload()">返回</button>
    <p></p>
    <p></p>
    <p></p>
</div>
</body>
<script id="button" type="text/html">
    <a class="layui-btn layui-btn-xs" lay-event="DaKai">打开</a>
    <a class="layui-btn layui-btn-xs" lay-event="XuiGai">修改</a>
    <a class="layui-btn layui-btn-xs" lay-event="Del">删除</a>
</script>
<script>
    layui.use('table', function(){
        $("#div1").show()
        $("#div2").hide()
        $("#div3").hide()
        var table = layui.table;
        table.render({
            elem: '#test'  //html中渲染table的id
            , url: '/Cont/find1'   //后台获取数据集合的地址
            , cellMinWidth: 80
            , page: { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
                layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
                //,curr: 5 //设定初始在第 5 页
                , groups: 1 //只显示 1 个连续页码
                , first: false//不显示首页
                , last: false //不显示尾页

            }, cols: [
                [
                    //表单显示的title以及返回的需要显示的数据，field值与获取集合中的类的字段名一致。
                    {field: 'id', title: '序号', align: 'center',width:80},
                    {field: 'contNum', title: '合同编号', align: 'center',width: 150},
                    {field: 'contDate', title: '签订时间', align: 'center'},
                    {field: 'contPrice', title: '总金额', align: 'center'},
                    {field: 'status', title: '状态', align: 'center',
                        templet:function (d,value) {
                            if(d.status==null){
                                return '未确定';
                            }else{
                                return d.status;
                            }
                        }},
                    { title: '操作', toolbar: "#button",align:'center', width:200}
                ]
            ],id:'tableAll'
        });
        $('#search').on('click', function(){
            table.reload('tableAll', {
                method : 'get',
                /*url:'/contractmanager/byName',//这个不写表示使用table中的请求*/
                where : {
                    code : $.trim($('#code').val()),
                },
                page : {
                    curr : 1
                }
            });
            return false;
        });

        table.on('tool(demo)', function(obj){
            var data = obj.data;
            if(obj.event==='XuiGai'){
                $("#div1").hide()
                $("#div2").hide()
                $("#div3").show()
                var id=data.id;
                $.ajax({
                    url: "/Cont/Ming",
                    data: {
                        "id": id
                    },
                    type: "GET",
                    success: function (result) {
                        $("#contAppNum1").html(result.contNum);
                        $("#contDate1").html(result.contDate);
                        $("#seller1").html(result.seller);
                        $("#stockType1").html(result.stockType);
                        $("#payCond1").val(result.payCond);
                        $("#verifyDate1").val(result.verifyDate);
                        $("#contPrice1").html(result.contPrice);
                        $("#remark1").html(result.remark);
                        $("#transport1").val(result.transport);
                        $("#payWay1").val(result.payWay);
                        $.ajax({
                            url: "/Cont/OrderSel",
                            data: {
                                "id": id
                            },
                            type: "GET",
                            success: function (result) {
                                table.render({
                                    elem: '#text11'  //html中渲染table的id
                                    , data: result  //后台获取数据集合的地址
                                    , cols: [
                                        [
                                            //表单显示的title以及返回的需要显示的数据，field值与获取集合中的类的字段名一致。
                                            ,{field: 'materialCode', title: '物资编码', align: 'center'},
                                            {field: 'materialName', title: '物资名称', align: 'center'},
                                            {field: 'amount', title: '数量', align: 'center'},
                                            {field: 'unitPrice', title: '单价(含税)', align: 'center'},
                                            {field: 'sumPrice', title: '总计(元)', align: 'center'},
                                            {field: 'startDate', title: '到货期', align: 'center'}
                                        ]
                                    ]
                                });
                                table.reload('text1')
                            }
                        });
                    }
                });
            }else if(obj.event=="DaKai"){
                $("#div1").hide()
                $("#div2").show()
                $("#div3").hide()
                var id=data.id;
                $.ajax({
                    url: "/Cont/Ming",
                    data: {
                        "id": id
                    },
                    type: "GET",
                    success: function (result) {
                        $("#contAppNum").html(result.contNum);
                        $("#contDate").html(result.contDate);
                        $("#seller").html(result.seller);
                        $("#stockType").html(result.stockType);
                        $("#payCond").html(result.payCond);
                        $("#verifyDate").html(result.verifyDate);
                        $("#contPrice").html(result.contPrice);
                        $("#remark").html(result.remark);
                        $("#transport").html(result.transport);
                        $("#payWay").html(result.payWay);
                        $.ajax({
                            url: "/Cont/OrderSel",
                            data: {
                                "id": id
                            },
                            type: "GET",
                            success: function (result) {
                                table.render({
                                    elem: '#text1'  //html中渲染table的id
                                    , data: result  //后台获取数据集合的地址
                                    , cols: [
                                        [
                                            //表单显示的title以及返回的需要显示的数据，field值与获取集合中的类的字段名一致。
                                            ,{field: 'materialCode', title: '物资编码', align: 'center'},
                                            {field: 'materialName', title: '物资名称', align: 'center'},
                                            {field: 'amount', title: '数量', align: 'center'},
                                            {field: 'unitPrice', title: '单价(含税)', align: 'center'},
                                            {field: 'sumPrice', title: '总计(元)', align: 'center'},
                                            {field: 'startDate', title: '到货期', align: 'center'}
                                        ]
                                    ]
                                });
                                table.reload('text1')
                            }
                        });
                    }
                });
            }else if(obj.event==="Del"){
                layer.confirm('确定执行该操作吗?', function (index) {
                    $.ajax({
                        url: "/Cont/DelById",
                        data: {
                            "id": data.id
                        },
                        type: "GET",
                        success: function (result) {
                            layer.alert("删除成功!")
                            layer.close(index);
                            location.reload()
                        }
                    });
                })
            }
        });

    });
    function BaoCun(){
        var contAppNum=$("#contAppNum1").html();
        var payCond=$("#payCond1").val();
        var verifyDate=$("#verifyDate1").val();
        var transport=$("#transport1").val();
        var payWay=$("#payWay1").val();
        $.ajax({
            url: "/Cont/QueRen",
            data: {
                "contNum":$.trim(contAppNum),
                "payCond":$.trim(payCond),
                "verifyDate":$.trim(verifyDate),
                "transport":$.trim(transport),
                "payWay":$.trim(payWay)
            },
            type: "GET",
            success: function (result) {
                layer.alert("保存成功!")
                layer.close(index);
                location.reload()
            }
        });
    }
</script>


</html>